
:root.theme-AMOLED {
  --ion-color-primary: #000;
  --ion-color-primary-rgb: 0,0,0;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #1e2023;
  --ion-color-primary-tint: #383a3e;

  --ion-color-secondary: #000;
  --ion-color-secondary-rgb: 0,0,0;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255,255,255;
  --ion-color-secondary-shade: #1e2023;
  --ion-color-secondary-tint: #383a3e;

  --ion-color-tertiary: #222;
  --ion-color-tertiary-rgb: 0,0,0;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255,255,255;
  --ion-color-tertiary-shade: #1e2023;
  --ion-color-tertiary-tint: #383a3e;

  --ion-color-success: #000;
  --ion-color-success-rgb: 0,0,0;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #1e2023;
  --ion-color-success-tint: #383a3e;

  --ion-color-danger: #240000;
  --ion-color-danger-rgb: 36,0,0;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255,255,255;
  --ion-color-danger-shade: #200000;
  --ion-color-danger-tint: #3a1a1a;

  --ion-border-color: var(--ion-color-light);
  --ion-item-border-color: var(--ion-color-light);
  --ion-background-color: var(--ion-color-secondary);
  --ion-background-color-rgb: var(--ion-color-secondary-rgb);

  --ion-text-color: var(--ion-color-light);
  --ion-text-color-rgb: var(--ion-color-light-rgb);

  --ion-tab-bar-color: var(--ion-color-light);
  --ion-tab-bar-color-rgb: var(--ion-color-light-rgb);

  --ion-tab-bar-color-activated: var(--ion-color-light);
  --ion-tab-bar-color-activated-rgb: var(--ion-color-light-rgb);

  --ion-color-step-50: #232323;
  --ion-color-step-100: #2e2e2e;
  --ion-color-step-150: #3a3a3a;
  --ion-color-step-200: #454545;
  --ion-color-step-250: #515151;
  --ion-color-step-300: #5d5d5d;
  --ion-color-step-350: #8b8b8b;
  --ion-color-step-400: #747474;
  --ion-color-step-450: #7f7f7f;
  --ion-color-step-500: #8b8b8b;
  --ion-color-step-550: #979797;
  --ion-color-step-600: #a2a2a2;
  --ion-color-step-650: #aeaeae;
  --ion-color-step-700: #b9b9b9;
  --ion-color-step-750: #c5c5c5;
  --ion-color-step-800: #d1d1d1;
  --ion-color-step-850: #dcdcdc;
  --ion-color-step-900: #e8e8e8;
  --ion-color-step-950: #f3f3f3;

  .alert-button {
    color: var(--ion-color-light);
  }

  tspan {
    fill: #fff;
  }

  ion-label, .desc-container, .stat-container {
    &.ion-color-success {
      color: #00aa00 !important;
    }

    &.ion-color-danger {
      color: #aa0000 !important;
    }
  }

  .button-solid {
    --box-shadow: 0 0 0 1px rgba(255,255,255,0.2),0 2px 2px 0 rgba(255,255,255,0.14),0 1px 5px 0 rgba(255,255,255,0.12);
  }

  ion-card {
    box-shadow: 0 0 0 1px rgba(255,255,255,0.2),0 2px 2px 0 rgba(255,255,255,0.14),0 1px 5px 0 rgba(255,255,255,0.12);
  }

  ion-toast {
    --background: #000;
    --color: #fff;
    --button-color: #fff;
  }

  a {
    color: var(--ion-color-light);
  }

  ion-badge {
    border: 1px solid #fff;
  }

  ion-button.ion-color-dark {
    --ion-color-dark: var(--ion-color-medium);
  }
}
